<template>
  <div class="form-item">
    <el-form-item :label="config.label" :required="config.require">
      <el-select style="width: 100%" value="" :placeholder="config.placeholder">
        <el-option
          v-for="item in config.child"
          :key="item.value"
          :label="item.label"
          :value="item.value">
        </el-option>
      </el-select>
    </el-form-item>
  </div>
</template>
<script>
    import Vue from 'vue';
    import {Select, Option, FormItem} from 'element-ui';

    Vue.use(Select);
    Vue.use(Option);
    Vue.use(FormItem);

    export default {
        name: 'Drop',
        data() {
            return {}
        },
        props: {
            config: {
                type: Object,
                default: () => {
                  return {}
                }
            }
        }
    }
</script>
<style lang="less" scoped>
  @import "drop.less";
</style>
